<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>组件化测试程序</title>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="./bower_components/jquery/dist/jquery.js"></script>
    <script src="./bower_components/jquery-migrate/jquery-migrate.js"></script>
    <script src="./bower_components/jquery.stellar/jquery.stellar.js"></script>
    <script src="./bower_components/d3/d3.js"></script>
    <script src="app.js"></script>
    <script>
        require("loader");
    </script>
</head>
<body>
        <svg>
                <circle r="100"></circle>
            </svg>
    
    <div>
        
    </div>
    <div id="anpage1" data-stellar-ratio="0.5"  style="position: relative;margin-top:500px;width:600px;display: inline-block">

    </div>
    <div id="anpage2" data-stellar-ratio="0.8" style="position: absolute;margin-top:500px;width:600px;display: inline-block">

        </div>
        <div id="last" data-stellar-ratio="1.2" style="position: absolute;;padding-top: 200px;">

        </div>
    
    <script src="./tools.js"></script>
    <script src="./MessageCore.js"></script>
    <script src="./Watcher.js"></script>
    <script src="./comp_loader.js">
    </script>
    <script src="./index.js"></script>
    <script>
        loadFile($("#last")[0],"./page2.html");
        loadFile($("#anpage1")[0],"./page1.html");
        loadFile($("#anpage2")[0],"./page1.html");
    </script>
    <script>
        
    </script>
</body>
</html>